<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="../css/fujianxinxi.css">
	<link rel="stylesheet" href="../css/header.css">
</head>
<body>
<div class="wrap">
<header class="header">
	     <div class="left_1">
                <img src="../imgs/fanhui.png">
            </div>
            <div class="center">新建日报</div>
            <div class="right"></div>
	</header>
	<div class="nav">
			<ul>
				<li>设备维护</li>
				<li>数据维护</li>
				<li>数据升级</li>
				<li>附件信息</li>
			</ul>
		</div>
     <div class="a4">
	        	<div class="banner">
	        		<ul>
	        			<li>设备编号：YG1038188007</li>
	        			<li><div class="left"><img src="../imgs/tu.png"></div><div class="right"><img src="../imgs/tianjia.png"/></div></li>
	        		</ul>
	        		<span class="shan"><img src="../imgs/shanchu2.png"></span>
	        	</div>
	        	<div class="canner">
	        		<button class="c">保存</button>
					<button class="d">提交</button>
	        	</div>
	        	<div class="shanchu">
	        		<ul>
	        			<li>是否删除此图片？</li>
	        			<li><button class="yes">是</button><button class="no">否</button></li>
	        		</ul>
	        	</div>

	        </div>
           <div class="xianshi">
	        		<ul>
	        			<li><img src="../imgs/xiangji.png"><p>拍照</p> </li>
	        			<li><img src="../imgs/tupian.png"><p>相册照片</p></li>
	        			<li><img src="../imgs/guanbi.png"><p>取消</p> </li>
	        		</ul>
	        	</div>
	        	</div>
	<script src="../js/flexible.debug.js"></script>
	<script src="../js/flexible_css.debug.js"></script>
	<script src="../js/jquery-1.11.2.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$(".right").click(function(){
				$('.xianshi').show();
				$(".a4").css({opacity:0.2})
			})
			$(".xianshi ul li:nth-child(3)").click(function(){
				$(".xianshi").hide()
				$(".a4").css({opacity:1})
			})
			$(".left").click(function(){
				$(".shan").show()
			})
			
			$(".left_1").click(function(){
            	location.href="qxlb.html";
            })
			
			$(".shan").click(function(){
				$(".shanchu").show()
			})

			$(".yes").click(function(){
				$(".left").hide();
				$(".shanchu").hide();
				$(".shan").hide()
			})
			$(".no").click(function(){
				$(".shanchu").hide();
				$(".shan").hide()
			})
			 $(".nav ul li:nth-child(1)").click(function(){
            	location.href="shebeiweihu.html"
            })
		})
	</script>
</body>
</html>